<template>
  <div class="about">
    <!-- $attr和$listeners 实现父传孙 -->
    <child-a :msg="msg" @handler="handler"></child-a>
  </div>
</template>
<script>
import childA from "../components/childA.vue";
export default {
  data() {
    return {
      msg: "这是来自父组件about的msg",
    };
  },
  methods: {
    handler() {
      console.log("这是父组件about的方法handler");
    },
  },
  components: {
    childA,
  },
};
</script>
